<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

  
<style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    #bt {
        height: 40px;
    }

    #bt p {
        text-shadow: 10px 8px 3px rgba(0, 0, 0, .3);
        height: 40px;
        font-size: 30px;
    }

    .page {
        width: 610px;
        height: 200px;
        border: 3px dashed rgb(216, 94, 94);
        margin: 10px auto;
    }

    .page p {
        text-indent: 2em;
        font-size: 18px;
        letter-spacing: 6px;
        padding-left: 15px;
    }

    span {
        text-decoration: underline;
        text-decoration-color: black;
        font-size: 40px;
        font-style: italic;

    }
</style>
</head>

<body>
<div id="bt">
    <p style="text-align: center;">《天龙八部》节选</p>
</div>
<div class="page">
    <p>
        <span>练</span>武厅东坐着二人。上首是个四十左右的中年道姑，铁青着脸，嘴唇紧闭。
        下首是个五十余岁的老者，右手捻着长须，神情甚是得意。两人的座位相距一丈有余，身后各站着二十余名男女弟子。
        西边一排椅子上坐着十余位宾客。东西双方的目光都集注于场中二人的角斗。
    </p>
</div>
</body>
</html>